<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/mystyle.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
	<!-- 导入顶部导航---start -->
	<%@ include file="head.jsp" %>
	<!-- 导入顶部导航---end -->
	
    <div class="layui-container">
        <div class="layui-row layui-col-space30">
           <div class="layui-col-md3 layui-col-lg3">
           		<div class="bloger">
                    <img src="../upload1/${stuinfo.photopath}" class="blogerphoto">
                </div>
                <div class="layui-card">
                    <div class="layui-card-body">
                    <div class="stu_name">
                                <p>${stuinfo.stuname }
                                <c:if test="${stuinfo.agend =='男' }">
                                <i class="stu_gender layui-icon layui-icon-male"></i>
                                </c:if>
                                <c:if test="${stuinfo.agend =='女' }">
                                <i class="stu_gender layui-icon layui-icon-female" style="color:pink;"></i>
                                </c:if>
                                </p>
                     </div>
                     <p><span class="yinh_left">“</span>  ${stuinfo.signed}<span class="yinh_left">”</span></p>
                     
                </div>
                </div>
                 <div class="layui-card">
                    <div class="layui-card-header"><span class="stu_name1">${stuinfo.stuname }</span>的文章</div>
                    <div class="layui-card-body">
                    	<c:forEach items="${artlist}" var="obj" begin="0" end="2">
                    	<div class="stu_art">
                           <p class="art_title"><a href="atriclecontent.action?artsid=${obj.artsid}"><i class="layui-icon layui-icon-link"></i> “${obj.arttitle}”</a></p>
                           <img src="../upload1/${obj.photopath}">                          
                        </div>
                        <p class="art_time">${obj.arttime}</p>  
                    	</c:forEach>        
                        <div class="layui-card-footer">
                        	<p><a href="articlepre.action?userid=${stuinfo.userid}">查看更多</a></p>
                    	</div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md8 layui-col-lg8 my-bloger">
                <div class="blogerArt layui-card">
                    <div class="blogeraerticle layui-card-header">
                        <span class="blueline"></span> <p class="header_title">个人作品</p>
                        <c:if test="${stuinfo.stuinfoid == loginuser.stuinfoid}">
                        <a href="saveproduct.action"><button class="layui-btn  layui-btn layui-btn-sm myinfoedit"
                                style="background:#3AACDA;" data-method="myjiben">添加</button></a>
                        </c:if>
                    </div>
                    <div class="layui-card-body">
                        <div class="layui-row layui-col-space30" style="margin:15px 0;">

                            <c:forEach items="${worklist}" var="obj" begin="0" end="7">
									
                                <div class="layui-col-md4 layui-col-lg4">
                                    <div class="psprod-pic">
                                        <div class="psprod-pic_body">
                                            <img src="../upload1/${obj.photopath}" alt="">
                                            <a href="productcontent.action?worksid=${obj.worksid}">
                                            <div class="psprod-pic_mask dpn">
                                               <p class="showmore"><i class="layui-icon proglop">&#xe615;</i>   查看详情</p>
                                            </div>
                                            </a>
                                        </div>
                                       
                                    </div>
                                </div>
                                <div class="layui-col-md8 layui-col-lg8">
                        		<c:if test="${stuinfo.stuinfoid == loginuser.stuinfoid}">
                                 <div class="layui-btn-group btn-edit">
                                 	<a href="saveproduct.action?worksid=${obj.worksid}">
					               <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                       <i class="layui-icon">&#xe642;</i>
                                    </button>
                                 </a>
              					
              					 <a href="deleproduct.action?worksid=${obj.worksid}&stuinfoid=${loginuser.stuinfoid}"><button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-shanchu">
                                                <i class="layui-icon">&#xe640;</i>
                                 	</button>
                                 </a>
                                 </div>
                                </c:if>
                                    <p class="workname"><a href="productcontent.action?worksid=${obj.worksid}" >${obj.worksname}</a></p>
                                    
                                    <p class="worksummary"><a href="productcontent.action?worksid=${obj.worksid}" >${obj.worksummary}</a></p>

                                </div>  
                            </c:forEach>

                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-lg1 layui-col-md1">
                <div class="backmenu">
                    <table class="layui-table" lay-skin="nob">
                        <colgroup>
                            <col width="60">
                        </colgroup>
                        <tbody>
                            <tr>
                                <td onclick="window.location.href='personalbaseinfo.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-template-1"></i> 基础信息</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='study.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-read"></i> 专业学习经历</td>
                            </tr>
                            <tr>
                                <td class="backmenu-active" onclick="window.location.href='product.action?userid=${stuinfo.userid}';"><i class="layui-icon layui-icon-tabs"></i> 个人作品</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='honor.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-diamond"></i> 个人荣誉</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='practice.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-face-smile"></i> 学校实践</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='experience.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-chart-screen"></i> 工作经历</td>
                            </tr>
                            <tr>
                                    <td onclick="window.location.href='articlepre.action?userid=${stuinfo.userid}';"><i
                                            class="layui-icon layui-icon-list"></i> 文章列表</td>
                            </tr>

         
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->
	
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/my.js"></script>
</body>

</html>
